/*
 * Copyright (c) 2020 MariaDB Corporation Ab
 * Copyright (c) 2023 MariaDB plc, Finnish Branch
 *
 * Use of this software is governed by the Business Source License included
 * in the LICENSE.TXT file and at www.mariadb.com/bsl11.
 *
 * Change Date: 2027-04-10
 *
 * On the date above, in accordance with the Business Source License, use
 * of this software will be governed by version 2 or later of the General
 * Public License.
 */
@import '@share/styles/color_helper';
@import '@share/styles/helpers.scss';
@import '@share/styles/override.scss';
@import '@share/styles/chartTooltip.scss';
// layout
html,
body,
#app {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

main.v-main {
    .v-main__wrap {
        overflow: auto;
    }
}
::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}
::-webkit-scrollbar-track {
    background: #f1f1f1;
}
::-webkit-scrollbar-thumb {
    background: $grayed-out;
    border-radius: 4px;
    height: 30px;
}
::-webkit-scrollbar-thumb:hover {
    background: #555;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    box-shadow: 0 0 0 30px white inset !important;
}

//-------------------------------------------------Typography
h1 {
    font-size: map-deep-get($headings, 'h1', 'size');
    font-family: map-deep-get($headings, 'h1', 'font');
    font-weight: map-deep-get($headings, 'h1', 'weight');
    line-height: map-deep-get($headings, 'h1', 'line-height');
    color: $navigation;
}

h2 {
    font-size: map-deep-get($headings, 'h2', 'size');
    font-family: map-deep-get($headings, 'h2', 'font');
    font-weight: map-deep-get($headings, 'h2', 'weight');
    line-height: map-deep-get($headings, 'h2', 'line-height');
    color: $blue-azure;
}

h3 {
    font-size: map-deep-get($headings, 'h3', 'size');
    font-family: map-deep-get($headings, 'h3', 'font');
    font-weight: map-deep-get($headings, 'h3', 'weight');
    line-height: map-deep-get($headings, 'h3', 'line-height');
    color: $deep-ocean;
}

h4 {
    font-size: map-deep-get($headings, 'h4', 'size');
    font-family: map-deep-get($headings, 'h4', 'font');
    font-weight: map-deep-get($headings, 'h4', 'weight');
    line-height: map-deep-get($headings, 'h4', 'line-height');
    color: $accent;
}

h5 {
    font-size: map-deep-get($headings, 'h5', 'size');
    font-family: map-deep-get($headings, 'h5', 'font');
    font-weight: map-deep-get($headings, 'h5', 'weight');
    line-height: map-deep-get($headings, 'h5', 'line-height');
    color: $accent;
}

h6 {
    font-size: map-deep-get($headings, 'h6', 'size');
    font-family: map-deep-get($headings, 'h6', 'font');
    font-weight: map-deep-get($headings, 'h6', 'weight');
    line-height: map-deep-get($headings, 'h6', 'line-height');
    color: $deep-ocean;
}
